<template>
  <div class="msgBoard">
        <!-- <div id="box">
            <div class="box-top">
                <label for="my_textarea">发表评论:</label>
                <textarea name="my_textarea" id="my_textarea" cols="30" rows="10"></textarea>
                <button id="btn">发表</button>
            </div>
            <div class="box-bottom">
                <ul id="ul">
                    <li><span>{用户昵称:}</span> 这个商品很好<a href="#">删除</a></li>
                </ul>
            </div>
        </div> -->
    </div>
</template>

<script>
    export default {
        name:'MassageBoard'

    }
</script>

<style scoped>
    .msgBoard{
        width: 100%;
        height: 400px;
    }
    #box{
        width: 800px;
        border: 1px solid #ccc;
        margin: 100px auto;
        padding: 20px;
    }
    #my_textarea{
        width: 80%;
        height: 120px;
        padding: 10px;
        border: 1px solid #ccc;
    }
    #my_textarea:focus{
        border: 1px solid #000;
    }
    #ul{
        margin: 0 75px;
    }
    #ul li{
        border-bottom: 1px dashed #ccc;
        color: red;
        line-height: 44px;
    }
    #ul li a{
        float: right;
    }
</style>